import styles from './index.module.scss'
import UserLoginBox from './user-login-box'
import SearchInput from './search-input'
import cm from 'classnames'
import Button from '../../button'
import DownloadBox from '@c/download/download-box'

const Index = () => {
  return (
    <div className={cm(styles.rightMenu)}>
      <SearchInput />
      <Button hover="scaleImg" link href="/vip" className={cm(styles.rightBtn, styles.vip)}>
        <img loading="lazy" src="/images/vip-icon.png" title="会员" alt="会员" />
        <div className={styles.btnVip}></div>
      </Button>
      <Button link href="/points" className={cm(styles.rightBtn, styles.score)}>
        <img loading="lazy" src="/images/score.png" className={styles.scoreImg} title="积分" alt="积分" />
        <div className={styles.btnScore}>
          <span>积分兑会员</span>
          <img loading="lazy" src="/images/ar.png" alt="群聊" />
        </div>
      </Button>
      <Button
        rel="nofollow"
        hover="scaleImg"
        link
        target="_blank"
        href="https://t.me/+OPQzYYKfMK04ODU1"
        className={cm(styles.rightBtn, styles.join)}
      >
        <img loading="lazy" src="/images/join.png" alt="加入群聊" title="加入群聊" />
        <div className={styles.joinClub}>
          <span>加入群聊</span>
          <img loading="lazy" src="/images/ar.png" alt="群聊" />
        </div>
      </Button>
      <Button hover="scaleImg" link href="/download" className={cm(styles.rightBtn, styles.download)}>
        <img loading="lazy" src="/images/h-download.png" title="下载" alt="下载" />
        <DownloadBox isLink={false} className={styles.btnDownload} />
      </Button>
      {/* 信息框 */}
      <UserLoginBox />
    </div>
  )
}

export default Index
